import Link from "next/link";
import Image from "next/image";
export default function Post() {
  const posts = [
    {
      id: 1,
      slug: "post-1",
    },
    {
      id: 2,
      slug: "post-2",
    },
  ];
  return (
    <ul>
      {posts.map((post) => (
        <li key={post.id}>
          <Link href={`/blog/${post.slug}`}>
            <span>{post.slug}</span>
            <Image src='/images/1.jpg' alt='1' width={100} height={100} priority={false} />
            <Image src='/images/2.jpg' alt='2' width={100} height={100} priority={false} />
            {/* <Image
              src='https://c-ssl.duitang.com/uploads/blog/202303/30/20230330144444_142b7.jpg'
              alt='3'
              width={100}
              height={100}
            /> */}
          </Link>
        </li>
      ))}
    </ul>
  );
}
